<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link
      rel="icon"
      href="/favicon.ico"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />
    <title>%VITE_PROJECT_NAME%</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- 个性化JS文件 -->
    <script>
      // 刷新资源时, 初始化一些资源变量, 因为pinia数据可以持久化存储, 但是html等资源的一些变量无法持久化存储
      const themeStore = JSON.parse(localStorage.getItem("themeStore"));
      // 黑白版类名
      const theme = themeStore?.theme ?? "auto";
      if (theme === "dark") {
        document.documentElement.classList.add("dark");
      } else {
        document.documentElement.classList.remove("dark");
      }
    </script>
    <!-- 项目入口JS文件 -->
    <script
      type="module"
      src="/src/main.js"
    ></script>
  </body>
</html>
